<!-- summary 基础用法
 提供上传功能，并整合部分业务逻辑，暴露出配置项
-->
<template>
  <div class="f-fs-fs-w">
    <TagImg />
    <TagImg topTag="顶部信息" :src="url" to="/" />
    <TagImg bottomTag="底部信息" :src="url" />
    <TagImg :leftTags="['左1', '左左2', '左左左3']" :src="url" size="180px" />
    <TagImg topTag="顶部信息" bottomTag="底部信息" tagSize="small" :src="url" height="180px" width="100px" />
  </div>
</template>
<script lang="ts" setup>
import TagImg from "@/components/img/TagImg.vue";
const url = "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg";
</script>
<style lang="scss" scoped>
.tag-img {
  margin: $gap-half;
}
</style>
